Notes from June

Google Analytics migration to GA4 🔍Design QA for SWARM website 💅 Diving into WordPress Full Site Editor for developers 🤿Tech discovery for Solidarity Knows No Borders 🧭

Photo by Glen Carrie on Unsplash

What I’ve been working on

This month I’ve been working on a Google Analytics integration with the Left Book Club website. This involved migrating to Google Analytics 4 and setting up custom events to measure ecommerce events such as purchases and subscriptions on the site. I’ve been completing design QA tickets on the SWARM website and finishing pages like search and category index pages as well as thinking about how to add an application form page that won’t be indexed by search engines. Finally, I’ve begun working on my personal portfolio site with static site generator Eleventy.

What I’ve been learning

This month I’ve been learning how to:

• Use the WordPress Full Site Editor to develop fully customisable block based themes.
• Use feComponentTransfer to create a duotone filter effect on images
• Integrate existing layouts and styles into WordPress plugin AJAX Load More via a repeater template
• Extend the inbuilt Query Loop Block in WordPress by registering a block variation
• Display Mapbox data in a custom Gutenberg block with library CarbonFields and plugin Mapster WP Maps

What’s next

In July I want to get an MVP of my personal portfolio site online. I will also be moving this blog across to the new site so in the next few months these notes will be posted there ⭐ I will be helping finish off the build for the Architecture Lobby website. I am expecting to start work on a website redesign and build for Solidarity Knows No Borders which is a campaign group and coalition run by Migrants Organise.

Interesting links

These are some interesting links that I’ve come across this month:

• https://egghead.io/q?access_state=free Egghead.io is my favourite resource for web development tutorials. These are their current free courses.
• https://www.phind.com/ - Phind is a developer-focused search engine that uses generative AI to search the web and answer technical questions
• https://www.figma.com/blog/introducing-dev-mode/ Dev Mode is a new workspace within Figma design specifically for developers
• https://developer.wordpress.org/playground/ - WordPress Playground runs in the browser with instant set up. Great for testing and previewing pull requests.
• https://chriscoyier.net/2023/06/06/modern-css-in-real-life/ - Chris Coyier looks at 5 new CSS features that are in use now across the web